<aside class="use-tit event-item clearfix ">
    <h2>Thông tin tài khoản chung</h2>
</aside>
    <div class="use_hr_for"></div>
<div class="text-left col-left form-horizontal event-item clearfix">
    <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Tên</label>
        <div class="col-sm-8 padding_top" id="usr-name">
            <?php echo $model->lname.' '.$model->fname; ?>
        </div>
    </div>
    <div class="form-group">
        <label for="inputEmail3" class="text-left col-sm-3 control-label">Giới tính</label>
        <div class="col-sm-8 padding_top" id="usr-gender">
            <?php if($model->gender == 1) echo "Nam"; else echo "Nữ"; ?>
        </div>
    </div>
    <div class="form-group">
        <label for="inputEmail3" class="text-left col-sm-3 control-label">Ngày sinh</label>
        <div class="col-sm-8 padding_top" id="usr-dateofbirth">
            <?php echo $model->dateofbirth; ?>
        </div>
    </div>
    <div class="col-xs-15 text-right">
        <?php 
            echo CHtml::ajaxLink(
                      "Chỉnh sửa",
                      Yii::app()->createUrl('/Users/profiles/updateInfo'),
                      array( // ajaxOptions
                        'type' =>'POST',
                        'success' => 'function(data)
                          {
                            $("#use-change-acc").html(data);
                            $("#use-change-acc").show();
                            $("#use-change-info").hide();
                            $("#use-change-pas").hide();
                          }',
                      ),
                      array('href'=>"javascript::void(0);")
                    );
         ?>
    </div>
    <div class="use_hr"></div>
</div>

<div class="use-change" id="use-change-acc"></div>

<div id="usr_account" class="text-left col-left form-horizontal event-item clearfix" >
  <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Email</label>
        <div class="col-sm-8 padding_top" id="usr-email">
            <?php echo $model->email; ?>
        </div>
    </div>
  <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Tên đăng nhập</label>
        <div class="col-sm-8 padding_top" id="usr-infomation">
            <?php echo $model->username; ?>
        </div>
    </div>
    <div class="col-xs-15 text-right">
        <?php 
            echo CHtml::ajaxLink(
                      "Chỉnh sửa",
                      Yii::app()->createUrl('/Users/profiles/changeEmail'),
                      array( // ajaxOptions
                        'type' =>'POST',
                        'dataType'=>'json',
                        'success' => 'function(data)
                          {
                            $("#use-change-info").html(data.views);
                            $("#use-change-info").show();
                            $("#use-change-acc").hide();
                            $("#use-change-pas").hide();
                          }',
                      ),
                      array('href'=>"javascript::void(0);")
                    );
         ?>
    </div>
    <div class="use_hr"></div>
</div>
<div class="use-change" id="use-change-info"></div>

<div id="usr_account" class="text-left col-left form-horizontal event-item clearfix" >
  <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">Mật khẩu</label>
        <div class="col-sm-8 padding_top" id="usr-email">
            Mật khẩu
        </div>
    </div>
    <div class="col-xs-15 text-right">
        <?php 
            echo CHtml::ajaxLink(
                      "Chỉnh sửa",
                      Yii::app()->createUrl('/Users/profiles/changePassword'),
                      array( // ajaxOptions
                        'type' =>'POST', 
                        'dataType'=>'json',
                        'success' => 'function(data)
                          {
                            $("#use-change-pas").html(data.views);
                            $("#use-change-pas").show();
                            $("#use-change-info").hide();
                            $("#use-change-acc").hide();
                            
                          }',
                      ),
                      array('href'=>"javascript::void(0);")
                    );
         ?>
    </div>
    <div class="use_hr"></div>
</div>
<div class="use-change" id="use-change-pas" style="overflow: hidden;" >

</div>
<div class="use_hr_for"></div>

<style type="text/css">
.padding_top{
  padding-top:7px;
}
</style>